<template>
	<view class="container">
		<view class="header">
			<view class="header-item">
				<view class="hader-item-left">
					<text>微信昵称</text>
				</view>
				<view class="hader-item-right">
					<text>用户</text>
				</view>
			</view>
			<view class="header-item">
				<view class="hader-item-left">
					<text>消息推送</text>
				</view>
				<view class="hader-item-right">
					<text>订单消息推送</text>
				</view>
			</view>
			<view class="header-item">
				<view class="hader-item-left">
					<text>当前版本</text>
				</view>
				<view class="hader-item-right">
					<text>2.10.22</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.container{
		height: 100vh;
		font-size: 26rpx;
		background-color: #f1f1f1;
		border: 1px solid transparent;
		
		.header{
			background-color: #fff;
			border-radius: 20rpx;
			margin: 30rpx;
			.header-item{
				display: flex;
				justify-content: space-between;
				padding: 30rpx;
				border-bottom: 1px solid #ccc;
				&:last-child{
					border: none;
				}
				.hader-item-right{
					color: #626c6e;
				}
			}
		}
	}
</style>